<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单进度查询</title>
    <link rel="stylesheet" href="css/order.css">
</head>
<body>
<div class="select_div">
    <div class="div_title">
        <div style="width:264px; height:123px; float:left;">
            <img src="images/logo.png" width="264">
        </div>
        <div style="width:500px; float:left; padding-top:30px; font-size:22px;">
            <p>ORDER QUERY</p>
            <p>鲜花订单进度查询</p>
        </div>
        <div style="width:370px; float:right; padding-top:60px; color:red; text-align:right;">
            联系电话：400-060-1520        </div>
    </div>
    <div class="order_form">
        <div class="div_text left">
            <ul class="select_title" style="padding-top:60px;">
                <li class="cur lie">根据手机号查询</li>
            </ul>
            <form action="https://www.huawa.com/index.php">
                <input type="hidden" name="c" value="api">
                <input type="hidden" name="a" value="select_order">
                <input type="hidden" name="account" id="account" value="8244423932">
                <input type="hidden" name="type" id="type" value="2">
                <input type="hidden" name="type" id="lai_url" value="www.dinghuale.com">
                <div class="order_mobile">
                    <p>收花人手机号码：<input type="text" class="txt" id="order_mobile" name="order_mobile" placeholder="请输入收花人手机号码"></p>
                    <p>收花人收货日期：<input type="date" class="txt laydate-icon" id="delivery_date" name="delivery_date" placeholder="请输入收花人收货日期" onclick="laydate()""></p>
                </div>
                <div>
                    <p><input type="button" value="查 询" class="btn"></p>
                </div>
            </form>
        </div>
        <!--<script>
            $(function(){
                $('.lie').each(function(index, element) {
                    $(this).click(function(){
                        $('.lie').removeClass('cur');
                        $('.lie').eq(index).addClass('cur');
                        if(index==1){
                            $('.order_mobile').hide();
                            $('.order_sn').show();
                            $('#type').val(1);
                        }
                        if(index==0){
                            $('.order_sn').hide();
                            $('.order_mobile').show();
                            $('#type').val(2);
                        }
                    })
                });
                $('.btn').click(function(){
                    var data;
                    if($('#type').val()==1){
                        if($('#order_sn').val()==''){
                            alert("花娃平台订单号不能为空");
                            return false;
                        }
                        data = {"c":'api',"a":'select_order',"account":$('#account').val(),"order_sn":$('#order_sn').val()};

                    }else{
                        if($('#order_mobile').val()==''){
                            alert("收花人手机号码不能为空");
                            return false;
                        }
                        data = {"c":'api',"a":'select_order',"account":$('#account').val(),"order_mobile":$('#order_mobile').val(),"lai_url":$('#lai_url').val(),"delivery_date":$('#delivery_date').val()};
                    }
                    $.getJSON("https://www.huawa.com/",data,function(result){
                        console.log(result);
                        if(result.status==1){
                            $('.div_list').hide();
                            $('.div_list1').show();
                            $('#order_list').html(result.data);
                        }else{
                            if(result == 10000){
                                alert("您的商户账号不存在");
                            }else if(result == 10001){
                                alert("您的安全校验码（key）不正确");
                            }else if(result == 10002){
                                alert("您查询的数据不存在");
                            }
                            $('.div_list').show();
                            $('.div_list1').hide();
                        }

                    });
                });
            });
        </script>-->
        <div class="div_list right">
            <img src="images/order0.jpg" width="499">
        </div>
        <div class="div_list1 right" style="display:none;">
            <p style="font-size:16px; font-weight:600; color:#FCAE10;">查询结果：</p>
            <div class="order_list" id="order_list">

            </div>
        </div>
    </div>
</div>
</body>
</html>